{% extends 'base.html' %}
{% load static %}
{% block title %}管理系统 - 首页{% endblock %}
{% block content %}
    <!-- 顶部占位 -->
    <div style="height: 8px">
    </div>
<section class="content">
<div class="row">
    <div class="col-lg-2 col-6">
        <!-- 信息盒子 -->
        <div class="small-box bg-info">
            <div class="inner">
               {% if request.user.role < 4 %}
                <h3>{{ running_KH }}</h3>
                      <p>进行中的考核任务：</p>
               {% else %}
                <h3>{{ p_job_running }}</h3>
                    <p>待处理考核任务：</p>
               {% endif %}
              </div>
              <div class="icon">
                <i class="ion ion-bag"></i>
              </div>
             {% if request.user.role < 4 %}
              <a href="/okr/task/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
             {% else %}
                <a href="/okr/my/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
             {% endif %}
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
                  {% if request.user.role < 4 %}
                <h3>{{ total_KH }}<sup style="font-size: 20px"></sup></h3>
                <p>所有考核任务：</p>
                  {% else %}
                  <h3>{{ p_job }}<sup style="font-size: 20px"></sup></h3>
                    <p>所有考核任务：</p>
                  {% endif %}
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>
              <a href="/okr/result/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
  <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box bg-secondary">
              <div class="inner">
                <h3>{{ my_report }}<sup style="font-size: 20px"></sup></h3>
                <p>我的工作月报：</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>
              <a href="/report/my/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
  <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box bg-primary">
              <div class="inner">
                <h3>{{ report_need_approve }}<sup style="font-size: 20px"></sup></h3>
                <p>待审核的工作月报：</p>
              </div>
              <div class="icon">
                <i class="ion ion-stats-bars"></i>
              </div>
              <a href="/report/all/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box bg-purple">
              <div class="inner">
                <h3>{{ totalUser }}</h3>
                <p>系统用户总数</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a href="/login/list/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-2 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
              <div class="inner">
                <h3>{{ today_has_login_user }}</h3>
                <p>今日登录用户数</p>
              </div>
              <div class="icon">
                <i class="ion ion-pie-graph"></i>
              </div>
              <a href="/login/list/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
        </div>

</section>
{% block custom_js %}
{% endblock %}
{% endblock %}
